---
image: /generated/articles-docs-videos-transparency.png
title: Embedding transparent videos
sidebar_label: Adding a transparent video
crumb: 'How To'
---

You can embed transparent videos in Remotion.

## With an alpha channel

To embed a video which has an alpha channel, use the [`<OffthreadVideo>`](/docs/offthreadvideo) component with the [`transparent`](/docs/offthreadvideo#transparent) prop.

```tsx twoslash
import React from 'react';
import {OffthreadVideo, staticFile} from 'remotion';

export const MyComp: React.FC = () => {
  return <OffthreadVideo src={staticFile('transparent.webm')} transparent />;
};
```

## Without an alpha channel

To embed a video which does not have an alpha channel but just a black background, add `mixBlendMode: "screen"` to the [`style`](/docs/offthreadvideo#style) prop of the [`<OffthreadVideo>`](/docs/offthreadvideo) component.

```tsx twoslash
import React from 'react';
import {OffthreadVideo, staticFile} from 'remotion';

export const MyComp: React.FC = () => {
  return (
    <OffthreadVideo
      src={staticFile('nottransparent.mp4')}
      style={{
        mixBlendMode: 'screen',
      }}
    />
  );
};
```

## Greenscreen effect

To remove a background based on the color of the pixels, see the [Greenscreen example](/docs/video-manipulation#greenscreen-example).

## Rendering transparent videos

To export a video with transparency, see [Transparent videos](/docs/transparent-videos/)
